<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=false;">
<meta charset="utf-8">
<title>Projekt1.2</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/mobile.css">
<link rel="stylesheet" type="text/css" href="css/tablet.css">
<link rel="stylesheet" type="text/css" href="css/desktop.css">

</head>

<body>

	<div id="wrapper">
        <header>
            <h1>Haute Friture</h1>
             <h4>Hver dag 11 - 22</h4>
        </header>
        <nav id="desk_tab_nav">
                <ul id="tab_desk_menu">
                    <li><a href="index.php?page=dagens.php"><h2>Dagens Ret</h2></a></li>
                    <li><a href="index.php?page=menu.php"><h2>Menú</h2></a></li>
                    <li><a href="index.php?page=om.php"><h2>Om os</h2></a></li>
                </ul>
                
               <div id="desk_menu_div">
                  <img src="images/hor_border.png" width="600" height="15" alt="hor_border">
               </div>
                <div id="social">
                        <ul>
                            <li><img src="images/facebook.png" width="64" height="64" alt="facebook"></li>
                            <li><img src="images/instagram.png" width="64" height="64" alt="instagram"></li>
                        </ul>
                </div>
        </nav>
        <div id="long_boarder">
        	<img src="images/vert_long_border.png" width="20" height="400" alt="vert_long_boarder">
        </div>
        <?php
				$page = $_GET['page'];
				if (!empty($page)) {
					if($page == 'index.php'){
						include('dagens.php');
					}
					else{
					include($page);
					}
				}
				else {
					include('dagens.php');
				} 
			?>            
        <footer>
        	<div id="address"></div>
            <nav id="mob_footer_nav">
            	<div id="social">
                    <ul>
                        <li><a href="http://www.facebook.com/hautefrituredk"><img src="images/facebook.png" alt="facebook"></a></li>
                        <li><img src="images/instagram.png" alt="instagram"></li>
                    </ul>
                </div>
                <img src="images/hor_border.png" width="460" height="15" alt="hor_border">
                <ul id="menu">
                    <li><a href="index.php?page=dagens.php"><h2>Dagens Ret</h2></a></li>
                    <li class="menu_img"><img src="images/vert_border.png" width="10" height="30" alt="vert_border"></li>
                    <li><a href="index.php?page=menu.php"><h2>Menú</h2></a></li>
                    <li class="menu_img"><img src="images/vert_border.png" width="10" height="30" alt="vert_border"></li>
                    <li><a href="index.php?page=om.php"><h2>Om os</h2></a></li>
                </ul>
            </nav>	
        </footer>
     </div>
<!--<script src="js/show_device_width_height.js"></script> --> 
</body>
</html>